<template>
  <div>
    <h2>登录页面</h2>
    <table>
      <tr>
        <td>用户名</td>
        <td>
          <input type="text" v-model="state.Uname">
        </td>
      </tr>
      <tr>
        <td>密码</td>
        <td>
          <input type="password" v-model="state.Upwd">
        </td>
      </tr>
      <tr>
        <td colspan="2"><input type="button" value="登录" @click="Login"></td>
      </tr>
    </table>
  </div>
</template>

<script setup lang="ts">
  import router from '@/router';
import axios from 'axios';
  import {useStore} from '../store/user'
  const userstore=useStore()
import {reactive,toRefs} from 'vue'
  let data=reactive({
    state:{
      Uname:"",
      Upwd:""
    },
    list:{}
    })
    let {state,list}=toRefs(data);
    function Login()
    {
      if(state.value.Uname=="")
    {
      alert("登录名不能为空");
      return;
    }
    if(state.value.Upwd=="")
    {
      alert("登录密码不能为空");
      return;
    }
      axios({
        url:"http://localhost:57328/api/User/GetUserLogin",
        method:"get",
        params:state.value
      })
      .then(res=>{
        console.log(res);
        if(res.data.data==1)
      {
        axios({
          url:"http://localhost:57328/api/User/GetSaveUtNmae",
          method:"get",
          params:
          {
           Uname: state.value.Uname
          }
        })
        .then(res=>{
          console.log(res);
          list.value=res.data.data[0]
          userstore.userInfo=list.value
          if(userstore.userInfo.UT_Name=="管理员")
          {
          alert("管理员登录成功");
        router.push("/userLoginList")
          }
          else
          {
            alert("普通用户登录成功");
            
          }
        })
        .catch(err=>{
          console.log(err);
        })
       
        
      }
      else if(res.data.data==-1)
      {
        alert("密码错误");
        return;
      }
      else if(res.data.data==-2)
      {
        alert("账号名不存在");
        return;
      }
      })
      .catch(err=>{
        console.log(err);
      })
    }
</script>

<style scoped>

</style>